<template>
	<view>
		<view style="min-height: 44px">
			<u-navbar leftIconColor="#000000" :titleStyle="{ color: '#000000' }" :bgColor="bgColor" title="认证详情"
				:placeholder="true" :autoBack="true"></u-navbar>
		</view>
		<view class="note">

		</view>
		<view class="" style="position: relative;z-index: 1;width: 85%;margin: 0 auto;padding-top: 15px;">
			<view class="flex" style="justify-content: center;">
				<image style="width: 129px;height: 129px;" src="/static/font/63.png" mode=""></image>
			</view>
			<view class="" style="padding-top: 12px;">
				<view class="flex"
					style="padding: 20px 0;border-bottom: 1px solid #ececec;justify-content: space-between;">
					<text class="name">个人认证</text>
					<text v-if="info.authentication == 1" class="namse">已认证</text>
					<text v-else class="namses">未认证</text>
				</view>
				<view class="flex"
					style="padding: 20px 0;border-bottom: 1px solid #ececec;justify-content: space-between;">
					<text class="name">姓名</text>
					<text class="ntit">{{info.card_name}}</text>
				</view>
				<view class="flex"
					style="padding: 20px 0;border-bottom: 1px solid #ececec;justify-content: space-between;">
					<text class="name">支付宝账号</text>
					<text class="ntit">{{info.alipay_account}}</text>
				</view>
				<view class="flex"
					style="padding: 20px 0;border-bottom: 1px solid #ececec;justify-content: space-between;">
					<text class="name">开户银行</text>
					<text class="ntit">{{info.bank_name}}</text>
				</view>
				<view class="flex" style="padding: 20px 0;justify-content: space-between;">
					<text class="name">银行卡号</text>
					<text class="ntit">{{info.bank_card}}</text>
				</view>
			</view>
			<view class="" style="padding-top: 65px;width: 40%;border-radius: 8px;margin: 0 auto;">
				<u-button @click="update" type="primary" text="修改账户" :customStyle="customstyle"
					color="#2447FF"></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgColor: 'transparent',
				customstyle: {
					borderRadius: '8px'
				},
				info:''
			}
		},
		onShow() {
			this.showUserInfo()
		},
		methods: {
			async showUserInfo() {
				let res = await this.$http.index.showUserInfo({});
				if (res.code == 1) {
					this.info = res.data;
				}
			},
			update() {
				uni.navigateTo({
					url: '/pages/me/real_name?id=1',
				});
			},
		}
	}
</script>

<style scoped lang="less">
	.note {
		background-image: url('@/static/font/21.png');
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		background-size: 100% 100%;
	}

	.flex {
		display: flex;
		align-items: center;
	}

	.name {
		font-size: 15px;
		font-weight: 400;
		color: #666666;
	}

	.namse {
		background: #DBF8DA;
		border-radius: 3px 3px 3px 3px;
		font-size: 10px;
		font-weight: 500;
		color: #5BC144;
		padding: 4px 5px;
	}

	.ntit {
		font-size: 14px;
		font-weight: 600;
		color: #333333;
	}
	.namses{
		background: #DBF8DA;
		border-radius: 3px 3px 3px 3px;
		font-size: 10px;
		font-weight: 500;
		color: #ff4040;
		padding: 4px 5px;
	}
</style>